<template>
    <div class="jdPage">
        <jd-header></jd-header>
        <jd-hslider class="hslider"></jd-hslider>
        <novice></novice>
        <Borrow></Borrow>
        <morrey></morrey>
        <Product></Product>
        <Life></Life>
        <Footer></Footer>
        <NavBar></NavBar>
    </div>
</template>
<script>
import jdHeader from '../jdPublic/Header'
import jdHslider from '../jdPublic/Hslider'
import Footer from '../jdPublic/Footer'
import NavBar from '../jdPublic/NavBar'
import Novice from './components/Novice'
import Borrow from './components/Borrow'
import Morrey from './components/Morrey'
import Product from './components/Product'
import Life from './components/Life'
export default {
    name: 'JdPage',
    components: {
        jdHeader,
        jdHslider,
        Novice,
        Borrow,
        Morrey,
        Product,
        Life,
        Footer,
        NavBar
    }
}
</script>
<style lang="scss" scoped>
    .jdPage{
        background-color: #f5f5f5;
        height: 100%;
        /deep/ .hslider{
            a{
                color: #000;
            }
        }
    }
    
</style>


